$(function () {
    load();
    $("#title").on("keydown", function (event) {
        if (event.keyCode === 13) {
            var local = getData();
            local.push({ title: $(this).val(), done: false });
            saveData(local);
            load();
            $(this).val("")
        }
    })
    function getData() {
        var data = localStorage.getItem("todo");
        if (data !== null) {
            return JSON.parse(data);
        } else {
            return [];
        }
    }
    function saveData(data) {
        localStorage.setItem("todo", JSON.stringify(data));
    }
    function load() {
        var todoCount = 0;
        var doneCount = 0;
        var data = getData();
        $("ul,ol").empty();
        $.each(data, function (i, n) {
            if (n.done) {
                $("ul").prepend("<li><input type='checkbox' checked='checked'> <p>" + n.title + "</p> <a href:'javascript:;' data_index=" + i + " class='del' > 删除 </a> </li>");
                doneCount++;
            } else {
                $("ol").prepend("<li><input type='checkbox'><p>" + n.title + "</p> <a href:'javascript:;' data_index=" + i + " class='del' > 删除 </a> </li>");
                todoCount++;
            }
        });
        $(".doneCount").text(doneCount);
        $(".todoCount").text(todoCount);

    }
    //删除
    $(".ing , .end").on("click", "a", function () {
        var data = getData();
        var index = $(this).attr("data_index");
        data.splice(index, 1);
        saveData(data);
        load();
    })
    $(".ing,.end").on("click", "input", function () {
        var data = getData();
        var index = $(this).siblings("a").attr("data_index");
        data[index].done = $(this).prop("checked");
        saveData(data);
        load();
    })
})